<template>
    <div>
    <div v-for="list in lists"  class="media-list" >
        <li class="media">
            <a class="pull-left" href="#">
                <img :src="list.src" width="64" height="64" class="media-object" alt="User Image">
            </a>
            <div class="media-body">
                <h5 class="media-heading"><a :href="list.id">{{list.name}}</a> said: <small><i class="fa fa-clock-o"></i> August 1, 2020</small></h5>
                <p>{{list.content}}</p>
                <!--TODO-->
                <a href="" class="reply-link">Reply <i class="fa fa-reply"></i></a>
            </div>
        </li>
    </div>
    </div>
</template>

<script>
export default {
    name:"replayContent",
    data(){
        return{
            lists:[
                {   
                    src:"static/img/users/img4.jpg",
                    id:"",
                    name:"Kimberly J. Walters",
                    content:"His te unum ludus epicuri, torquatos moderatius instructior vix ut. Mel ei cibo modus elitr, at omnis graecis docendi sit.",
                }
            ]
        }
    }
}
</script>